<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>中医药文献翻译系统</title>
    <link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../zTree_v3/css/zTreeStyle/zTreeStyle.css">
    <link rel="stylesheet" type="text/css" href="../jqueryconfirm/jquery-confirm.min.css">
    <link rel="stylesheet" type="text/css" href="../json-viewer/jquery.json-viewer.css">
    <link rel="stylesheet" type="text/css" href="../webuploader-0.1.5/webuploader.css"  >
    <link rel="stylesheet" type="text/css" href="./index.css">
</head>
<body>


<div class="_zong">
    <div class="_top_1" id="user_caozuo" style="display: block;background-color: #3ba1ba;" >
        <font style="color:white;margin-left:10%;font-size:30px;font-weight:bold;">中医药文献翻译系统</font>
        <button type="button" class="btn btn-primary" style="margin-left:52%;letter-spacing:2px;" onclick="userLoginModal()">登录</button>
        <button type="button" class="btn btn-info" style="letter-spacing:2px;" onclick="userRegisterModal()">注册</button>
    </div>
    <div class="_top_1" id="user_info" style="display: none;" >
        <label style="margin-left:78%;" id="user_info_name">高彤</label>，<button type="button" class="btn btn-info" style="letter-spacing:2px;" onclick="userlogout()">用户退出</button>
    </div>
    <div class="_top_2">
        <ul id="_top_2_ul">
            <li id="_top_2_sy" onclick="tab_dh(this)">首页</li>
            <li id="_top_2_wdjl" onclick="tab_dh(this)">术语翻译</li>
            <li id="_top_2_wdcb" onclick="tab_dh(this)">文档翻译</li>
            <li id="_top_2_lyxw" onclick="tab_dh(this)">高频词汇</li>
            <li id="_top_2_wdzh" onclick="tab_dh(this)">翻译范文</li>
            <li id="_top_2_wdcl" onclick="tab_dh(this)">关于我们</li>
        </ul>

    </div>


    <div id="_top_2_sy_content" class="_center" style="padding-left: 10%;">
        <div style="height: 400px;width: 100%;">
            <div style="width: 100%;float: left;margin-top: 20px;height: 50px;">
                <select id="index_from_tran"  class="form-control" style="float: left;width: 200px;">
                    <option value="zh" selected="selected">中文</option>
                    <option value="en" >英文</option>
                </select>
                <div style="width: 25px;float: left; background-image: url('images/fanyi_zhuanhuan.png');background-repeat: no-repeat;height: 40px;margin-left: 20px;margin-top: 5px;">&nbsp;</div>
                <select id="index_to_tran"  class="form-control" style="float: left;width: 200px;margin-left: 20px;">
                    <option value="en" selected="selected">英文</option>
                    <option value="zh" >中文</option>
                </select>
                <button type="button" id="btn_pipei" style="float: left;margin-left: 20px;width: 100px;" class="btn btn-default" onclick="initfanyi(this)" >翻译</button>
                <button type="button" id="" style="float: left;margin-left: 20px;width: 100px;" class="btn btn-default" onclick="" >翻译反馈</button>
            </div>

            <div id="_top_2_sy_content_zhuangtai" style="width:92%;float: left;height: 50px;display: none;">
                <div>正在加载中，请稍后...</div>
                <div class="progress progress-striped active" style="width: 100%;margin-top: 5px;">
                    <div id="_top_2_sy_content_zhuangtai_status" class="progress-bar progress-bar-success" role="progressbar"
                         aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                         style="width: 100%;">
                        <span id="_top_2_sy_content_zhuangtai_text" style="font-weight: bold;">初始化翻译内容</span>
                    </div>
                </div>
            </div>

            <div style="width: 100%;float: left;margin-top: 10px;">
                <div id="fy_content" contenteditable="true" style="overflow-y: scroll; padding: 5px; border-radius: 10px;height: 300px; width: 160px;border:1px solid #0080FF;min-height: 50px;overflow: auto;font-size: 14px;outline: none;background-color: #EFF5FB;line-height: 23px;letter-spacing: 1.5px;width: 45%;">

                </div>

               <!-- <textarea id="fy_content" class="form-control" placeholder="输入文字" style="line-height: 23px;letter-spacing: 1.5px;float: left; width: 45%;height: 300px;float: left;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;"></textarea>-->
                <!--<textarea id="result_content" class="form-control" style="margin-left: 2%; float: left; width: 45%;height: 250px;float: left;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;"></textarea>-->
                <div id="result_content" style="overflow-y: scroll;padding: 5px; line-height: 23px;background-color: #EFF5FB; margin-left: 2%; float: left; width: 45%;height: 300px;float: left;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;">


                </div>

            </div>
        </div>

        <table class="table" style="width: 200px;width: 90%;">
            <caption>重点词汇</caption>
            <thead>
            <tr>
                <th>中文</th>
                <th>英文</th>
                <th>来源</th>
            </tr>
            </thead>
            <tbody id="zhongdiancihui_content">

            </tbody>
        </table>

    </div>
    <!-- 词典翻译 -->
    <div id="_top_2_wdjl_content" class="_center" style="padding-left: 10%;padding-top: 20px;display: none;">
        <div style="width: 100%;">
            <div class="col-sm-4">
                <div class="input-group">
                    <input id="searchcontent" type="text" class="form-control"  />
                    <span class="input-group-addon"><i class="glyphicon glyphicon-search" style="line-height: 10px;cursor: pointer;" onclick="shuyufanyi()">&nbsp;术语翻译</i></span>
                </div >
            </div>
        </div>
        <div style="margin-top: 20px;width: 100%;">
            <table class="table table-striped">
                <thead>
                <tr>
                    <th>中文名称</th>
                    <th>英文名称</th>
                    <th>描述</th>
                    <th>来源</th>
                </tr>
                </thead>
                <tbody id="shuyuresult_content">

                </tbody>
            </table>
        </div>
    </div>
    <!--文档翻译-->
    <div id="_top_2_wdcb_content" class="_center" style="padding-left: 10%;padding-top: 20px;display: none;">


        <div id="uploader_gzj" class="wu-example" style="width: 80%;">
            <div class="btns" style="width: 100%;float: left;">
                <div id="picker_gzj" style="width: 100px;float: left;">选择附件</div>
                <button class="btn btn-success" style="float: left;height: 34px;width: 86px;" onclick="initFy()">执行翻译</button>
                <div id="zhixingguocheng_cont" style="float: left;width: 400px;color: #4F4F4F;margin-left: 50px;background-color: #fff5d4;line-height: 36px;padding-left: 5px;">执行状态</div>
            </div>
            <br/>
            <!--用来存放文件信息-->
            <div id="thelist_gzj" class="uploader-list">

            </div>
            <table class="table">
                <caption>待翻译文件列表</caption>
                <thead>
                <tr>
                    <th>名称</th>
                    <th>大小</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody id="thelist_uploadfile_gzj">

                </tbody>
            </table>
        </div>
        <div style="width: 80%;">
            <table class="table">
                <caption>结果文件</caption>
                <thead>
                <tr>
                    <th>名称</th>
                    <th>大小</th>
                </tr>
                </thead>
                <tbody id="result_fanyi_content">

                </tbody>
            </table>
        </div>


    </div>



</div>
<iframe src="./bottom.html"  marginwidth="0" marginheight="0" frameborder="0" scrolling="no" width="100%" height="200px" style="margin-bottom:-5px;"  ></iframe>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery.extend.date.js"></script>
<script type="text/javascript" src="../bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="../bootstrap/js/bootstrap-paginator.js"></script>
<script type="text/javascript" src="../jqueryconfirm/jquery-confirm.min.js" ></script>
<script type="text/javascript" src="../zTree_v3/js/jquery.ztree.all.js"></script>
<script type="text/javascript" src="../bootstrap/js/bootstrap-contextmenu.js"></script>
<script type="text/javascript" src="../json-viewer/jquery.json-viewer.js"></script>
<script type="text/javascript" src="../webuploader-0.1.5/webuploader.js"></script>
<script type="text/javascript" src="./index.js"></script>



<!-- 用户登录（Modal） -->
<div class="modal fade" id="userlogin_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">用户登录</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label for="username">用户名</label>
                    <input type="text" class="form-control" id="username" placeholder="请输入用户名">
                </div>
                <div class="form-group">
                    <label for="userpwd">密码</label>
                    <input type="password" class="form-control" id="userpwd" placeholder="请输入密码">
                </div>
                <div class="form-group">
                    <label>验证码：</label>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" onclick="userLogin()">登录</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!-- 用户注册（Modal） -->
<div class="modal fade" id="userregister_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel_register">用户注册</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label for="username">用户名</label>
                    <input type="text" class="form-control" id="register_username" placeholder="请输入用户名">
                </div>
                <div class="form-group">
                    <label for="userpwd">密码</label>
                    <input type="password" class="form-control" id="register_userpwd" placeholder="请输入密码">
                </div>
                <div class="form-group">
                    <label for="userpwd">确认密码</label>
                    <input type="password" class="form-control" id="register_userpwd_2" placeholder="确认密码">
                </div>

                <div class="form-group">
                    <label>验证码：</label>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" onclick="userRegister()">注册</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>



</body>
</html>